<template>
  <div class="base">
    <div class="head"></div>
    <div class="side"></div>
    <div class="content"></div>
  </div>
</template>

<script setup>

</script>

<style>
.base{
  display: grid;
  background-color: #450c6a;
  width: 100%;
  height: 100%;
}
.head{
  display: grid;
  background-color: darkgray;
  width: 100%;
  height: 100px;
}
.side{
  display: grid;
  background-color: yellow;
  width: 100px;
  height: 100px;
}
.content{
  display: grid;
  background-color: #d3e689;
  width: 100px;
  height: 100px;
}
</style>